<template>
  <view class="detail_box">
    <u-cell-group :border="false">
      <u-cell
        v-for="item in useList"
        size="large"
        :title="item.cashContent"
        :value="item.amont"
        titleStyle="color: #1E1E1E;font-size: 28rpx;line-height: 40rpx;"
        :label="dayjs(item.gmtCreate).format('YYYY-MM-DD HH:mm:ss')"
      ></u-cell>
    </u-cell-group>
  </view>
</template>

<script lang="ts" setup>
import dayjs from "dayjs";

const { useList } = defineProps<{
  useList: any;
}>();
</script>

<style lang="less" scoped>
.detail_box {
  background: #fff;
  border-radius: 16rpx;
  /deep/ .u-cell__label {
    font-size: 26rpx;
    font-family: DINPro-Regular, DINPro;
    font-weight: 400;
    color: #bebebe;
  }
  /deep/ .u-cell__value {
    font-size: 30rpx;
    font-family: DINPro-Medium, DINPro;
    font-weight: 500;
    color: #333333;
  }
}
</style>
